<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>表单</title>
</head>
<body>

<h3>创建文本字段</h3>
<hr>

<form>

    Name: <input type="text" name="name" placeholder="xingweixin"> <br>
    age: <input type="text" name="age" placeholder="27">

</form>

<div style="color: red;margin-top: 15px;margin-left: 2px;font-size: 18px">

    表单本身不可见.且一个文本字段默认宽度为20格字符

</div>



<h3>创建密码字段</h3>
<hr>

<form>

    Name: <input type="text" name="name" placeholder="xingweixin"> <br>
    Password: <input type="password" name="Password" placeholder="P@ssw0rd">

</form>

<div style="color: red;margin-top: 15px;margin-left: 2px;font-size: 18px">

    表单本身不可见.且一个文本字段默认宽度为20格字符

</div>

<h3>单选按钮</h3>
<hr>
<form>

    <input type="radio" name="sex"  value="male"> 男
    <input type="radio" name="sex"  value="female"> 女

</form>


<h3>复选框</h3>
<hr>

<div>
    你想吃什么呢?
</div>

<form>
    <input type="checkbox" name="fruit" value="apple"> 苹果 <br>
    <input type="checkbox" name="fruit" value="bananas">香蕉 <br>
    <input type="checkbox" name="fruit" value="orange">橙子 <br>
    <input type="checkbox" name="fruit" value="pear">梨儿 <br>

</form>

<h3>提交按钮</h3>
<hr>
<form>
    name: <input type="text" name="name" value="" placeholder="xingweixin">
    <input type="submit" value="submit">
</form>

<h3>简单的下拉列表</h3>
<hr>
<form>
    <select name="cars">
        <option value="法拉利">法拉利</option>
        <option value="保时捷">保时捷</option>
        <option value="大众">大众</option>
        <option value="奥迪">奥迪</option>
    </select>
</form>

<h3>预选下拉列表</h3>
<hr>
<form>
    <select name="cars">
        <option value="法拉利">法拉利</option>
        <option value="保时捷">保时捷</option>
        <option value="大众" selected>大众</option>
        <option value="奥迪">奥迪</option>
    </select>
</form>

<div style="color: red;font-size: 16px;margin-top: 15px">预选大众</div>


<h3>文本框UITextview</h3>
<hr>
<textarea  style="background-color: lightyellow;width: 200px;height: 100px">

    我是一个文本框
</textarea>


<h3>创建按钮</h3>
<hr>
<form action="">

    <input type="button" value="hello world">

</form>



<h3>带边框的表单</h3>
<hr>

<form action="">

    <fieldset>

        <legend>个人信息</legend>
        Name: <input type="text" value="" size="30px" placeholder="xingweixin"> <br>
        Age: <input type="text" value="" size="30px" placeholder="27"> <br>


    </fieldset>


</form>






</body>
</html>